@import "./vars";
@deep: ~">>>";
.leftBorderTitle{
  background-color: white;
  padding:8px 0;
  position:relative;
  p{
    font-size:14px;
    padding-left:14px;
    color:#7E7E7E;
  }
  &::before{
    position: absolute;
    content:"";
    height:14px;
    width:1px;
    border-right:4px solid @color-primary;
    border-radius:2px;
    left:0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.medicalAgainBtn {
  height: 40px;
  width: auto;
  text-align: center;
  border-radius: 20px;
  line-height: 40px;
  border: 1px solid @color-primary;
  outline: none;
}
.medicalAgainBtn-empty{
  color: @color-primary;
  background-color: white;
}
.medicalAgainBtn-color{
  background-color: @color-primary;
  color: white;
}
.text-gray{
  color:#7C7C7C;
}
.doctorList{
  li{
    padding:16px 10px;
    border-bottom:1px solid @color-border;
  }
  img{
    width:60px;
    height:60px;
    margin-right:10px;
  }
  background-color: white;
  // border-top:1px solid @color-border;
  .borderBtn{
    color: #FF6600;
    border-color: #FF6600;
  }
  .docName{
    font-size:16px;
  }
}
.goodAt{
  background-color: #FF6600;
  color:white;
  padding:0 3px;
}
.arrowRight{
  width:13px;
  height:25px;
  display: block;
  background-image: url("../../assets/arrow_dry.png");
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
}
.longBtnC{
  padding:40px 30px;
}
.feeText{
  color: #FF6600;
  font-size:16px;
}
.textWrap{
  word-break: break-all;
}
.handlerBtn{
  height: 34px;
  width: 76px;
  text-align: center;
  line-height:34px;
  outline: none;
  border-radius: 5px;
  font-size: 14px;
}
.handlerBtnHollow{
  border: 1px solid @color-primary;
  background-color: white;
  color: @color-primary;
}
.handlerBtnHollowDanger{
  border: 1px solid @color-feeText;
  background-color: white;
  color: @color-feeText;
}
.handlerBtnSolid{
  border: 1px solid transparent;
  background-color: @color-primary;
  color: white;
}
